<template>
  <div class="hot_warp">
    <div class="model_nav">热门文章</div>
    <ul class="hot_ul" v-show="msg">
      <li v-for="(item , index) in hot" :key="index">
        <!-- 排行数 -->
        <div class="_ranking">{{ ++ index}}</div>
        <div class="_title">
          <router-link :to="{path:'/details',query:{id:item.id}}" >{{item.title}}</router-link>
        </div>
        <div class="_heat">
          <span class="el-icon-view"></span>
          <span>{{item.TClickCount}}</span>
        </div>
      </li>   
    </ul> 
    <div v-show="!msg">暂无数据</div>
  </div>
</template>

<script>
export default {
  props:['hot'],
  data(){
    return {
      hotData: [],
      msg: 2222
    }
  },
methods: {
   
    }
}
</script>

<style>
  .hot_warp{
    margin-top: 8px;
    text-align: left;
  }
  ._title a{
    color: #424242;
  }
  ._heat > span{
    display: inline-block;
    min-width: 40px;
    text-align: center;
  }
  ._heat > span:first-child{
    font-size: 15px;
  }
</style>